<template>
    <div class="appContainers">
        <transition name="slide-fade">
            <keep-alive>
                <router-view v-if="$route.meta.keepAlive"></router-view>
            </keep-alive>
        </transition>
        <transition name="slide-fade">
            <router-view v-if="!$route.meta.keepAlive"></router-view>
        </transition>
    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {},
    mounted() {}
};
</script>


<style lang="scss" scoped>
.appContainers {
    width: 100%;
    height: 100%;
    // min-width: 1586px;
    overflow-x: hidden;
    font-family: Helvetica, "Hiragino Sans GB", "Microsoft Yahei",
        "微软雅黑", Arial, sans-serif;
}
</style>